<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul id="ul01">
			<li>苹果</li>
			<li>香蕉</li>
			<li>葡萄</li>
		</ul>
		<input type="text" id="input1"/>
		<button onclick="add()">添加</button>
		
		<script type="text/javascript">
			
			function add()
			{
				console.log("add()");
				// 创建li元素
				var li = document.createElement("li");
				// 创建文本元素
				var txt = document.createTextNode(input1.value);
				// 把文本放入li元素
				li.appendChild(txt)
				// 将创建的li放入ul
				ul01.appendChild(li);
			}
			// 练习3 
			// 书上第11章 综合练习2
			// 显示年月日 用代码添加select中的option选项
			
		</script>
	</body>
</html>
